<ion-view view-title="{{viewTitle}}">
    <ion-content>
        <div class="card">
            <div class="item item-divider">
                hide-on-keyboard-open 样式
            </div>
            <div class="item item-text-wrap">
                在 element 上添加 <code>hide-on-keyboard-open</code> 样式, 在 keyboard 打开时该 element 就会隐藏
            </div>
        </div>

        <div class="card">
            <div class="item item-divider">
                native.keyboardshow 事件
            </div>
            <div class="item item-text-wrap">
                为了性能方面的原因, element 不会在 <code>native.keyboardshow</code> 事件触发后的 400ms 隐藏, 如果想样 element 马上隐藏可以通过
                <pre>
window.addEventListener('native.keyboardshow', function(){
  element.classList.add('keyboard-open');
});
                </pre>
                的方式在 keyboard 一显示时就立即隐藏 element.
            </div>
        </div>

        <div class="card">
            <div class="item item-divider">
                keyboard-attach 属性
            </div>
            <div class="item item-text-wrap">
                <code>keyboard-attach</code> 是在 element 上的一个属性, 添加后表示在 keyboard 出现时附加在 keyboard 上.
            </div>
        </div>
    </ion-content>
</ion-view>